//1.引入Vue
// import axios from 'axios';
import Vue from 'vue';

//2 移入Vuex
import Vuex from 'vuex';

// 3.Vuex其实本质是Vue的一个插件,所以我们要让Vue使用Vuex这个插件
Vue.use(Vuex);

// 创建一个state配置对象
const state = {
    count: 0,
    price: 100,
    movieList:[]
}

//创建一个mutations对象
const mutations = {
    add(state) {
        state.count++
    },
    addN(state, { n }) {
        state.count += n
    },
    decrement(state) {
        state.count--
    },

    // setMovieList(state,movieList){
    //     state.movieList =movieList
    // }
}

//创建一个Actions对象
const actions = {
    addWait({ commit }) {
        setTimeout(() => {
            commit('add')
        }, 1000)
    },

    addNWait({ commit }, payload) {
        setTimeout(() => {
            commit('addN', payload)
        }, 1000)
    },

    // async getMovieList({ commit }) {
    //     const result = await axios.get(
    //         "https://pcw-api.iqiyi.com/search/recommend/list?channel_id=1&data_type=1&mode=11&page_id=2&ret_num=48&session=b9fd987164f6aa47fad266f57dffaa6a"
    //     );
    //     commit('setMovieList', result.data.data.list)
    // }
}



// 4.创建一个store(vuex的实例),参数是一个配置对象,
// 在配置对象中可以配置actions,mutations,state,getters等等
//暴露出去供Vue实例的配置项挂载
export default new Vuex.Store({
    state,
    mutations,
    actions
})